﻿<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1" name="viewport" />
        <title>Bootstrap5</title>
        <link id="TitleLogoLink" rel="shortcut icon" href="">
        <link rel="stylesheet" href="../lib/bootstrap.css">
        <!-- <link rel="stylesheet" href="../lib/light.css"> -->
        <link rel="stylesheet" href="../lib/reset.css">
        <script src="../lib/bootstrap.min.js"></script>
    </head>

    <body class="">
        <!--[if lt  IE 10]>
        <div style=" position: fixed;top: 0px;left: 0px;height:100%;width:100%;background: #000;z-index:10000">
            <div style="height: 100%;margin: auto;position: relative;width: 840px;padding-top: 50px;z-index:10001">
                <div style=" padding-top:20px;background-color:#fff;">
                    <h2 style="text-align:center;font-size:24px;font-weight:bold;">很抱歉！您使用的浏览器版本过低，无法使用我们的系统，请升级后再试！</h2>
                    <p style="text-align:center;font-size:18px;margin-top:20px;">建议使用以下浏览器或浏览版本的极速模式使用</p>
                    <div style="width:840px;padding:0 20px;">

                        <a href="http://chrome.360.cn/index.html" style="float:left;padding:40px;text-align:center;text-decoration:none;">
                            <span><img src="/Content/images/360.png" style="width:100px;height:100px;padding:5px;" /></span>
                            <p style="width:120px;text-align:center;margin-top:10px;">360极速浏览器</p>
                            <p style="width:120px;text-align:center;margin-top:10px;color:red;">（强烈推荐）</p>
                        </a>

                        <a href="http://www.firefox.com.cn/" style="float:left;padding:40px;text-align:center;text-decoration:none;">
                            <span><img src="/Content/images/huohu.png" style="width:100px;height:100px" /></span>
                            <p style="width:120px;text-align:center;margin-top:10px;">火狐浏览器</p>
                        </a>

                        <a href="http://browser.qq.com/" style="float:left;padding:40px;text-decoration:none;">
                            <span><img src="/Content/images/qq.png" style="width:100px;height:100px" /></span>
                            <p style="width:120px;text-align:center;margin-top:10px;">QQ浏览器</p>

                        </a>
                    </div>
                    <div style="clear: both;"></div>
                    <p style="text-align:center;font-size:18px;margin-bottom:20px;">如果您当前已使用推荐的浏览器仍然能看到本页，可能由于未打开极速模式。</p>
                    <p style="text-align:center;padding-bottom:20px;"><a href="http://se.360.cn/v6/help/help5.html" style="text-decoration:none;">如何打开极速模式?</a></p>
                </div>
            </div>
        </div>
    <![endif]-->
        <div class="wrapper">
            <nav class="sidebar" id="sidebar">
                <div class="sidebar-content js-simplebar" data-simplebar="init">
                    <div class="simplebar-wrapper" style="margin: 0px;">
                        <div class="simplebar-height-auto-observer-wrapper">
                            <div class="simplebar-height-auto-observer"></div>
                        </div>
                        <div class="simplebar-mask">
                            <div class="simplebar-offset" style="right: 0px; bottom: 0px;">
                                <div class="simplebar-content-wrapper" style="height: 100%; overflow: hidden scroll;">
                                    <div class="simplebar-content" style="padding: 0px;">
                                        <a class="sidebar-brand" href="index.html">
                                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                                xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px"
                                                height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20"
                                                xml:space="preserve">
                                                <path d="M19.4,4.1l-9-4C10.1,0,9.9,0,9.6,0.1l-9,4C0.2,4.2,0,4.6,0,5s0.2,0.8,0.6,0.9l9,4C9.7,10,9.9,10,10,10s0.3,0,0.4-0.1l9-4
                  C19.8,5.8,20,5.4,20,5S19.8,4.2,19.4,4.1z"></path>
                                                <path d="M10,15c-0.1,0-0.3,0-0.4-0.1l-9-4c-0.5-0.2-0.7-0.8-0.5-1.3c0.2-0.5,0.8-0.7,1.3-0.5l8.6,3.8l8.6-3.8c0.5-0.2,1.1,0,1.3,0.5
                  c0.2,0.5,0,1.1-0.5,1.3l-9,4C10.3,15,10.1,15,10,15z"></path>
                                                <path d="M10,20c-0.1,0-0.3,0-0.4-0.1l-9-4c-0.5-0.2-0.7-0.8-0.5-1.3c0.2-0.5,0.8-0.7,1.3-0.5l8.6,3.8l8.6-3.8c0.5-0.2,1.1,0,1.3,0.5
                  c0.2,0.5,0,1.1-0.5,1.3l-9,4C10.3,20,10.1,20,10,20z"></path>
                                            </svg>

                                            <span class="align-middle me-3">AppStack</span>
                                        </a>

                                        <ul class="sidebar-nav">
                                            <li class="sidebar-header">
                                                Pages
                                            </li>
                                            <li class="sidebar-item active">
                                                <a data-bs-target="#dashboards" data-bs-toggle="collapse"
                                                    class="sidebar-link">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                        viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                        class="feather feather-sliders align-middle">
                                                        <line x1="4" y1="21" x2="4" y2="14"></line>
                                                        <line x1="4" y1="10" x2="4" y2="3"></line>
                                                        <line x1="12" y1="21" x2="12" y2="12"></line>
                                                        <line x1="12" y1="8" x2="12" y2="3"></line>
                                                        <line x1="20" y1="21" x2="20" y2="16"></line>
                                                        <line x1="20" y1="12" x2="20" y2="3"></line>
                                                        <line x1="1" y1="14" x2="7" y2="14"></line>
                                                        <line x1="9" y1="8" x2="15" y2="8"></line>
                                                        <line x1="17" y1="16" x2="23" y2="16"></line>
                                                    </svg> <span class="align-middle">Dashboards</span>
                                                    <span class="badge badge-sidebar-primary">5</span>
                                                </a>
                                                <ul id="dashboards" class="sidebar-dropdown list-unstyled collapse show"
                                                    data-bs-parent="#sidebar">
                                                    <li class="sidebar-item active"><a class="sidebar-link"
                                                            href="dashboard-default.html">Default</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="dashboard-analytics.html">Analytics</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="dashboard-saas.html">SaaS</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="dashboard-social.html">Social</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="dashboard-crypto.html">Crypto</a></li>
                                                </ul>
                                            </li>
                                            <li class="sidebar-item">
                                                <a data-bs-target="#pages" data-bs-toggle="collapse"
                                                    class="sidebar-link collapsed">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                        viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                        class="feather feather-layout align-middle">
                                                        <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
                                                        <line x1="3" y1="9" x2="21" y2="9"></line>
                                                        <line x1="9" y1="21" x2="9" y2="9"></line>
                                                    </svg> <span class="align-middle">Pages</span>
                                                </a>
                                                <ul id="pages" class="sidebar-dropdown list-unstyled collapse "
                                                    data-bs-parent="#sidebar">
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="pages-profile.html">Profile</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="pages-settings.html">Settings</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="pages-clients.html">Clients</a></li>
                                                    <li class="sidebar-item">
                                                        <a data-bs-target="#projects" data-bs-toggle="collapse"
                                                            class="sidebar-link collapsed">
                                                            Projects
                                                        </a>
                                                        <ul id="projects"
                                                            class="sidebar-dropdown list-unstyled collapse ">
                                                            <li class="sidebar-item">
                                                                <a class="sidebar-link"
                                                                    href="pages-projects-list.html">List</a>
                                                            </li>
                                                            <li class="sidebar-item">
                                                                <a class="sidebar-link"
                                                                    href="pages-projects-detail.html">Detail <span
                                                                        class="badge badge-sidebar-primary">New</span></a>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="pages-invoice.html">Invoice</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="pages-pricing.html">Pricing</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="pages-tasks.html">Tasks</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="pages-chat.html">Chat <span
                                                                class="badge badge-sidebar-primary">New</span></a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="pages-blank.html">Blank Page</a></li>
                                                </ul>
                                            </li>
                                            <li class="sidebar-item">
                                                <a data-bs-target="#auth" data-bs-toggle="collapse"
                                                    class="sidebar-link collapsed">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                        viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                        class="feather feather-users align-middle">
                                                        <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
                                                        <circle cx="9" cy="7" r="4"></circle>
                                                        <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
                                                        <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                                                    </svg> <span class="align-middle">Auth</span>
                                                    <span class="badge badge-sidebar-secondary">Special</span>
                                                </a>
                                                <ul id="auth" class="sidebar-dropdown list-unstyled collapse "
                                                    data-bs-parent="#sidebar">
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="pages-sign-in.html">Sign In</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="pages-sign-up.html">Sign Up</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="pages-reset-password.html">Reset Password</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="pages-404.html">404 Page</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="pages-500.html">500 Page</a></li>
                                                </ul>
                                            </li>
                                            <li class="sidebar-item">
                                                <a data-bs-target="#documentation" data-bs-toggle="collapse"
                                                    class="sidebar-link collapsed">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                        viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                        class="feather feather-book-open align-middle">
                                                        <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path>
                                                        <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path>
                                                    </svg> <span class="align-middle">Documentation</span>
                                                </a>
                                                <ul id="documentation" class="sidebar-dropdown list-unstyled collapse "
                                                    data-bs-parent="#sidebar">
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="docs-introduction.html">Introduction</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="docs-installation.html">Getting Started</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="docs-customization.html">Customization</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="docs-plugins.html">Plugins</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="docs-changelog.html">Changelog</a></li>
                                                </ul>
                                            </li>

                                            <li class="sidebar-header">
                                                Tools &amp; Components
                                            </li>
                                            <li class="sidebar-item">
                                                <a data-bs-target="#ui" data-bs-toggle="collapse"
                                                    class="sidebar-link collapsed">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                        viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                        class="feather feather-grid align-middle">
                                                        <rect x="3" y="3" width="7" height="7"></rect>
                                                        <rect x="14" y="3" width="7" height="7"></rect>
                                                        <rect x="14" y="14" width="7" height="7"></rect>
                                                        <rect x="3" y="14" width="7" height="7"></rect>
                                                    </svg> <span class="align-middle">UI Elements</span>
                                                </a>
                                                <ul id="ui" class="sidebar-dropdown list-unstyled collapse "
                                                    data-bs-parent="#sidebar">
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="ui-alerts.html">Alerts</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="ui-buttons.html">Buttons</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="ui-cards.html">Cards</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="ui-carousel.html">Carousel</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="ui-embed-video.html">Embed Video</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="ui-general.html">General <span
                                                                class="badge badge-sidebar-primary">10+</span></a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="ui-grid.html">Grid</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="ui-modals.html">Modals</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="ui-offcanvas.html">Offcanvas</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="ui-tabs.html">Tabs</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="ui-typography.html">Typography</a></li>
                                                </ul>
                                            </li>
                                            <li class="sidebar-item">
                                                <a data-bs-target="#icons" data-bs-toggle="collapse"
                                                    class="sidebar-link collapsed">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                        viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                        class="feather feather-heart align-middle">
                                                        <path
                                                            d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z">
                                                        </path>
                                                    </svg> <span class="align-middle">Icons</span>
                                                    <span class="badge badge-sidebar-primary">1500+</span>
                                                </a>
                                                <ul id="icons" class="sidebar-dropdown list-unstyled collapse "
                                                    data-bs-parent="#sidebar">
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="icons-feather.html">Feather</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="icons-font-awesome.html">Font Awesome</a></li>
                                                </ul>
                                            </li>
                                            <li class="sidebar-item">
                                                <a data-bs-target="#forms" data-bs-toggle="collapse"
                                                    class="sidebar-link collapsed">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                        viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                        class="feather feather-check-square align-middle">
                                                        <polyline points="9 11 12 14 22 4"></polyline>
                                                        <path
                                                            d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11">
                                                        </path>
                                                    </svg> <span class="align-middle">Forms</span>
                                                </a>
                                                <ul id="forms" class="sidebar-dropdown list-unstyled collapse "
                                                    data-bs-parent="#sidebar">
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="forms-layouts.html">Layouts</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="forms-basic-inputs.html">Basic Inputs</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="forms-input-groups.html">Input Groups</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="forms-floating-labels.html">Floating Labels</a></li>
                                                </ul>
                                            </li>
                                            <li class="sidebar-item">
                                                <a class="sidebar-link" href="tables-bootstrap.html">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                        viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                        class="feather feather-list align-middle">
                                                        <line x1="8" y1="6" x2="21" y2="6"></line>
                                                        <line x1="8" y1="12" x2="21" y2="12"></line>
                                                        <line x1="8" y1="18" x2="21" y2="18"></line>
                                                        <line x1="3" y1="6" x2="3.01" y2="6"></line>
                                                        <line x1="3" y1="12" x2="3.01" y2="12"></line>
                                                        <line x1="3" y1="18" x2="3.01" y2="18"></line>
                                                    </svg> <span class="align-middle">Tables</span>
                                                </a>
                                            </li>

                                            <li class="sidebar-header">
                                                Plugin &amp; Addons
                                            </li>
                                            <li class="sidebar-item">
                                                <a data-bs-target="#form-plugins" data-bs-toggle="collapse"
                                                    class="sidebar-link collapsed">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                        viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                        class="feather feather-check-square align-middle">
                                                        <polyline points="9 11 12 14 22 4"></polyline>
                                                        <path
                                                            d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11">
                                                        </path>
                                                    </svg> <span class="align-middle">Form Plugins</span>
                                                </a>
                                                <ul id="form-plugins" class="sidebar-dropdown list-unstyled collapse "
                                                    data-bs-parent="#sidebar">
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="forms-advanced-inputs.html">Advanced Inputs</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="forms-editors.html">Editors</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="forms-validation.html">Validation</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="forms-wizard.html">Wizard</a></li>
                                                </ul>
                                            </li>
                                            <li class="sidebar-item">
                                                <a data-bs-target="#datatables" data-bs-toggle="collapse"
                                                    class="sidebar-link collapsed">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                        viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                        class="feather feather-list align-middle">
                                                        <line x1="8" y1="6" x2="21" y2="6"></line>
                                                        <line x1="8" y1="12" x2="21" y2="12"></line>
                                                        <line x1="8" y1="18" x2="21" y2="18"></line>
                                                        <line x1="3" y1="6" x2="3.01" y2="6"></line>
                                                        <line x1="3" y1="12" x2="3.01" y2="12"></line>
                                                        <line x1="3" y1="18" x2="3.01" y2="18"></line>
                                                    </svg> <span class="align-middle">DataTables</span>
                                                </a>
                                                <ul id="datatables" class="sidebar-dropdown list-unstyled collapse "
                                                    data-bs-parent="#sidebar">
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="tables-datatables-responsive.html">Responsive
                                                            Table</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="tables-datatables-buttons.html">Table with Buttons</a>
                                                    </li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="tables-datatables-column-search.html">Column
                                                            Search</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="tables-datatables-fixed-header.html">Fixed Header</a>
                                                    </li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="tables-datatables-multi.html">Multi Selection</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="tables-datatables-ajax.html">Ajax Sourced Data</a>
                                                    </li>
                                                </ul>
                                            </li>

                                            <li class="sidebar-item">
                                                <a data-bs-target="#charts" data-bs-toggle="collapse"
                                                    class="sidebar-link collapsed">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                        viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                        class="feather feather-pie-chart align-middle">
                                                        <path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path>
                                                        <path d="M22 12A10 10 0 0 0 12 2v10z"></path>
                                                    </svg> <span class="align-middle">Charts</span>
                                                    <span class="badge badge-sidebar-primary">New</span>
                                                </a>
                                                <ul id="charts" class="sidebar-dropdown list-unstyled collapse "
                                                    data-bs-parent="#sidebar">
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="charts-chartjs.html">Chart.js</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="charts-apexcharts.html">ApexCharts <span
                                                                class="badge badge-sidebar-primary">New</span></a></li>
                                                </ul>
                                            </li>
                                            <li class="sidebar-item">
                                                <a class="sidebar-link" href="notifications.html">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                        viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                        class="feather feather-bell align-middle">
                                                        <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>
                                                        <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
                                                    </svg> <span class="align-middle">Notifications</span>
                                                </a>
                                            </li>
                                            <li class="sidebar-item">
                                                <a data-bs-target="#maps" data-bs-toggle="collapse"
                                                    class="sidebar-link collapsed">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                        viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                        class="feather feather-map-pin align-middle">
                                                        <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path>
                                                        <circle cx="12" cy="10" r="3"></circle>
                                                    </svg> <span class="align-middle">Maps</span>
                                                </a>
                                                <ul id="maps" class="sidebar-dropdown list-unstyled collapse "
                                                    data-bs-parent="#sidebar">
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="maps-google.html">Google Maps</a></li>
                                                    <li class="sidebar-item"><a class="sidebar-link"
                                                            href="maps-vector.html">Vector Maps</a></li>
                                                </ul>
                                            </li>
                                            <li class="sidebar-item">
                                                <a class="sidebar-link" href="calendar.html">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                        viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                        class="feather feather-calendar align-middle">
                                                        <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
                                                        <line x1="16" y1="2" x2="16" y2="6"></line>
                                                        <line x1="8" y1="2" x2="8" y2="6"></line>
                                                        <line x1="3" y1="10" x2="21" y2="10"></line>
                                                    </svg> <span class="align-middle">Calendar</span>
                                                </a>
                                            </li>
                                            <li class="sidebar-item">
                                                <a data-bs-target="#multi" data-bs-toggle="collapse"
                                                    class="sidebar-link collapsed">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                        viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                        class="feather feather-share-2 align-middle">
                                                        <circle cx="18" cy="5" r="3"></circle>
                                                        <circle cx="6" cy="12" r="3"></circle>
                                                        <circle cx="18" cy="19" r="3"></circle>
                                                        <line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line>
                                                        <line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line>
                                                    </svg> <span class="align-middle">Multi Level</span>
                                                </a>
                                                <ul id="multi" class="sidebar-dropdown list-unstyled collapse"
                                                    data-bs-parent="#sidebar">
                                                    <li class="sidebar-item">
                                                        <a data-bs-target="#multi-2" data-bs-toggle="collapse"
                                                            class="sidebar-link collapsed">
                                                            Two Levels
                                                        </a>
                                                        <ul id="multi-2"
                                                            class="sidebar-dropdown list-unstyled collapse">
                                                            <li class="sidebar-item">
                                                                <a class="sidebar-link" data-bs-target="#">Item 1</a>
                                                                <a class="sidebar-link" data-bs-target="#">Item 2</a>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="sidebar-item">
                                                        <a data-bs-target="#multi-3" data-bs-toggle="collapse"
                                                            class="sidebar-link collapsed">
                                                            Three Levels
                                                        </a>
                                                        <ul id="multi-3"
                                                            class="sidebar-dropdown list-unstyled collapse">
                                                            <li class="sidebar-item">
                                                                <a data-bs-target="#multi-3-1" data-bs-toggle="collapse"
                                                                    class="sidebar-link collapsed">
                                                                    Item 1
                                                                </a>
                                                                <ul id="multi-3-1"
                                                                    class="sidebar-dropdown list-unstyled collapse">
                                                                    <li class="sidebar-item">
                                                                        <a class="sidebar-link" data-bs-target="#">Item
                                                                            1</a>
                                                                        <a class="sidebar-link" data-bs-target="#">Item
                                                                            2</a>
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                            <li class="sidebar-item">
                                                                <a class="sidebar-link" data-bs-target="#">Item 2</a>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>

                                        <div class="sidebar-cta">
                                            <div class="sidebar-cta-content">
                                                <strong class="d-inline-block mb-2">Monthly Sales Report</strong>
                                                <div class="mb-3 text-sm">
                                                    Your monthly sales report is ready for download!
                                                </div>

                                                <div class="d-grid">
                                                    <a href="https://themes.getbootstrap.com/product/appstack-responsive-admin-template/"
                                                        class="btn btn-primary" target="_blank">Download</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="simplebar-placeholder" style="width: auto; height: 1254px;"></div>
                    </div>
                    <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
                        <div class="simplebar-scrollbar" style="width: 0px; display: none;"></div>
                    </div>
                    <div class="simplebar-track simplebar-vertical" style="visibility: visible;">
                        <div class="simplebar-scrollbar"
                            style="height: 666px; transform: translate3d(0px, 0px, 0px); display: block;"></div>
                    </div>
                </div>
            </nav>
            <main class="main">
                <nav class="navbar navbar-expand navbar-dark bg-primary">
                    <div class="container-fluid">
                        <a class="navbar-brand" href="#">Bootstrap5</a>
                        <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                            data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false"
                            aria-label="Toggle navigation">
                            <span class="navbar-toggler-icon"></span>
                        </button>
                        <div class="collapse navbar-collapse" id="navbarText">
                            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                                <li class="nav-item">
                                    <a class="nav-link active" aria-current="page" href="#">首页</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="#">表单</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="#">组件</a>
                                </li>
                            </ul>
                        </div>
                        <div class="navbar-collapse collapse">
                            <ul class="navbar-nav navbar-align">
                                <li class="nav-item dropdown">
                                    <a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown"
                                        data-bs-toggle="dropdown" aria-expanded="false">
                                        <div class="position-relative">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                                stroke-linecap="round" stroke-linejoin="round"
                                                class="feather feather-message-circle align-middle">
                                                <path
                                                    d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z">
                                                </path>
                                            </svg>
                                            <span class="indicator">4</span>
                                        </div>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end py-0"
                                        aria-labelledby="messagesDropdown">
                                        <div class="dropdown-menu-header">
                                            <div class="position-relative">
                                                4 New Messages
                                            </div>
                                        </div>
                                        <div class="list-group">
                                            <a href="#" class="list-group-item">
                                                <div class="row g-0 align-items-center">
                                                    <div class="col-2">
                                                        <img src="img/avatars/avatar-5.jpg"
                                                            class="avatar img-fluid rounded-circle" alt="Ashley Briggs">
                                                    </div>
                                                    <div class="col-10 ps-2">
                                                        <div class="text-dark">Ashley Briggs</div>
                                                        <div class="text-muted small mt-1">Nam pretium turpis et arcu.
                                                            Duis arcu tortor.</div>
                                                        <div class="text-muted small mt-1">15m ago</div>
                                                    </div>
                                                </div>
                                            </a>
                                            <a href="#" class="list-group-item">
                                                <div class="row g-0 align-items-center">
                                                    <div class="col-2">
                                                        <img src="img/avatars/avatar-2.jpg"
                                                            class="avatar img-fluid rounded-circle" alt="Carl Jenkins">
                                                    </div>
                                                    <div class="col-10 ps-2">
                                                        <div class="text-dark">Carl Jenkins</div>
                                                        <div class="text-muted small mt-1">Curabitur ligula sapien
                                                            euismod vitae.</div>
                                                        <div class="text-muted small mt-1">2h ago</div>
                                                    </div>
                                                </div>
                                            </a>
                                            <a href="#" class="list-group-item">
                                                <div class="row g-0 align-items-center">
                                                    <div class="col-2">
                                                        <img src="img/avatars/avatar-4.jpg"
                                                            class="avatar img-fluid rounded-circle" alt="Stacie Hall">
                                                    </div>
                                                    <div class="col-10 ps-2">
                                                        <div class="text-dark">Stacie Hall</div>
                                                        <div class="text-muted small mt-1">Pellentesque auctor neque nec
                                                            urna.</div>
                                                        <div class="text-muted small mt-1">4h ago</div>
                                                    </div>
                                                </div>
                                            </a>
                                            <a href="#" class="list-group-item">
                                                <div class="row g-0 align-items-center">
                                                    <div class="col-2">
                                                        <img src="img/avatars/avatar-3.jpg"
                                                            class="avatar img-fluid rounded-circle" alt="Bertha Martin">
                                                    </div>
                                                    <div class="col-10 ps-2">
                                                        <div class="text-dark">Bertha Martin</div>
                                                        <div class="text-muted small mt-1">Aenean tellus metus, bibendum
                                                            sed, posuere ac, mattis non.</div>
                                                        <div class="text-muted small mt-1">5h ago</div>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="dropdown-menu-footer">
                                            <a href="#" class="text-muted">Show all messages</a>
                                        </div>
                                    </div>
                                </li>


                                <li class="nav-item dropdown">
                                    <a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#"
                                        data-bs-toggle="dropdown">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                            stroke-linecap="round" stroke-linejoin="round"
                                            class="feather feather-settings align-middle">
                                            <circle cx="12" cy="12" r="3"></circle>
                                            <path
                                                d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z">
                                            </path>
                                        </svg>
                                    </a>

                                    <a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#"
                                        data-bs-toggle="dropdown">
                                        <img src="img/avatars/avatar.jpg" class="avatar img-fluid rounded-circle me-1"
                                            alt=""> <span>Chris Wood</span>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-end">
                                        <a class="dropdown-item" href="pages-profile.html"><svg
                                                xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                                stroke-linecap="round" stroke-linejoin="round"
                                                class="feather feather-user align-middle me-1">
                                                <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                                                <circle cx="12" cy="7" r="4"></circle>
                                            </svg> Profile</a>
                                        <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg"
                                                width="24" height="24" viewBox="0 0 24 24" fill="none"
                                                stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                                stroke-linejoin="round"
                                                class="feather feather-pie-chart align-middle me-1">
                                                <path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path>
                                                <path d="M22 12A10 10 0 0 0 12 2v10z"></path>
                                            </svg> Analytics</a>
                                        <div class="dropdown-divider"></div>
                                        <a class="dropdown-item" href="pages-settings.html">Settings &amp; Privacy</a>
                                        <a class="dropdown-item" href="#">Help</a>
                                        <a class="dropdown-item" href="#">Sign out</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </nav>
                <main class="content">
                    <div class="card">
                        <div class="card-header">
                            <h5 class="card-title">Basic form</h5>
                            <h6 class="card-subtitle text-muted">Default Bootstrap form layout.</h6>
                        </div>
                        <div class="card-body">
                            <form>
                                <div class="form-group">
                                    <label class="form-label">普通输入框</label>
                                    <input type="text" class="form-control" placeholder="请输入">
                                </div>
                                <div class="form-group">
                                    <label class="form-label">普通选择</label>
                                    <select class="form-control">
                                        <option selected="">Open this select menu</option>
                                        <option>One</option>
                                        <option>Two</option>
                                        <option>Three</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label class="form-label">多行文本</label>
                                    <textarea class="form-control" rows="2" placeholder="Textarea"></textarea>
                                </div>
                                <div class="form-group">
                                    <label class="form-check">
                                        <input class="form-check-input" type="checkbox" value="">
                                        <span class="form-check-label">
                                            Option one is this and that—be sure to include why it's great
                                        </span>
                                    </label>
                                    <label class="form-check">
                                        <input class="form-check-input" type="checkbox" value="" disabled="">
                                        <span class="form-check-label">
                                            Option two is disabled
                                        </span>
                                    </label>
                                </div>
                                <div class="form-group">
                                    <label class="form-check form-check-inline">
                                        <input class="form-check-input" type="checkbox" value="option1">
                                        <span class="form-check-label">
                                            1
                                        </span>
                                    </label>
                                    <label class="form-check form-check-inline">
                                        <input class="form-check-input" type="checkbox" value="option2">
                                        <span class="form-check-label">
                                            2
                                        </span>
                                    </label>
                                    <label class="form-check form-check-inline">
                                        <input class="form-check-input" type="checkbox" value="option3" disabled="">
                                        <span class="form-check-label">
                                            3
                                        </span>
                                    </label>
                                </div>
                                <div class="form-group">
                                    <label class="form-check">
                                        <input class="form-check-input" type="radio" value="option1"
                                            name="radios-example" checked="">
                                        <span class="form-check-label">
                                            Option one is this and that—be sure to include why it's great
                                        </span>
                                    </label>
                                    <label class="form-check">
                                        <input class="form-check-input" type="radio" value="option2"
                                            name="radios-example">
                                        <span class="form-check-label">
                                            Option two can be something else and selecting it will deselect option
                                            one
                                        </span>
                                    </label>
                                    <label class="form-check">
                                        <input class="form-check-input" type="radio" value="option3"
                                            name="radios-example" disabled="">
                                        <span class="form-check-label">
                                            Option three is disabled
                                        </span>
                                    </label>
                                </div>
                                <div class="form-group">
                                    <label class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="inline-radios-example"
                                            value="option1">
                                        <span class="form-check-label">
                                            1
                                        </span>
                                    </label>
                                    <label class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="inline-radios-example"
                                            value="option2">
                                        <span class="form-check-label">
                                            2
                                        </span>
                                    </label>
                                    <label class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="inline-radios-example"
                                            value="option3" disabled="">
                                        <span class="form-check-label">
                                            3
                                        </span>
                                    </label>
                                </div>
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </form>
                        </div>
                    </div>
                </main>
                <footer class="footer">
                    <div class="container-fluid">
                        <div class="row text-muted">
                            <div class="col-6 text-start">
                                <ul class="list-inline">
                                    <li class="list-inline-item">
                                        <a class="text-muted" href="#">Support</a>
                                    </li>
                                    <li class="list-inline-item">
                                        <a class="text-muted" href="#">Help Center</a>
                                    </li>
                                    <li class="list-inline-item">
                                        <a class="text-muted" href="#">Privacy</a>
                                    </li>
                                    <li class="list-inline-item">
                                        <a class="text-muted" href="#">Terms of Service</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="col-6 text-end">
                                <p class="mb-0">
                                    © 2021 - <a href="index.html" class="text-muted">AppStack</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </footer>
            </main>
        </div>

    </body>

</html>
